<%@page import="pojo.*,java.util.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<script type="text/javascript">
	// kiểm tra giỏ có trống hay không -> cho đặt hàng

	function ThucHienThanhToan() {

		String
		diaChiNguoiNhan = document.getElementById("diaChiNguoiNhan").innerHTML;

		var ptThanhToan = 0;
		var groupThanhToan = document.getElementsByName('groupThanhToan');
		for ( var i = 0; i < groupThanhToan.length; i++) {
			if (groupThanhToan[i].checked) {
				ptThanhToan = i;
			}
		}
		window.location.href = 'TrangHoanTatThanhToan.do?action=ThanhToan'
				+ '&diaChiNguoiNhan=' + diaChiNguoiNhan + '&ptThanhToan='
				+ ptThanhToan;
	}
</script>

<div id="ContentPanel">
	<!-- Content -->
	<div id="MainPanel" align="left">

		<form name="hoaDon" action="TrangHoaDon.do" method="post">
			<div class="ContentPart">
				<h3 class="ContentPartHeader">THÔNG TIN NGƯỜI ĐẶT HÀNG</h3>
				<div class="ContentPartContent">
					<div class="ins">Tên người đặt:</div>
					<div class="info" id="tenNguoiDat">
						${sessionScope.taiKhoan.getHoten()}</div>
					<div class="ins">Email:</div>
					<div class="info" id="email">${sessionScope.taiKhoan.getEmail()}</div>
					<div class="ins">Địa chỉ:</div>
					<div class="info" id="diaChi">${sessionScope.taiKhoan.getDiachi()}</div>

				</div>
			</div>
			<div class="ContentPart">
				<h3 class="ContentPartHeader">THÔNG TIN NGƯỜI NHẬN HÀNG</h3>
				<div class="ContentPartContent">
					<!-- <div class="ins">Tên người nhận:</div>
				<div class="info" id="tenNguoiNhan">
					${requestScope.tenNguoiNhan}</div>
				<br />
				-->
					<div class="ins">Địa chỉ người nhận:</div>
					<div class="info" id="diaChiNguoiNhan">${requestScope.diaChiNguoiNhan}</div>
					<br />
					<!-- 
				<div class="ins">Số điện thoại:</div>
				<div class="info" id="soDienThoai">
					${requestScope.soDienThoai}</div>
					 -->
				</div>
			</div>
			<div class="ContentPart">
				<h3 class="ContentPartHeader">THÔNG TIN HÌNH THỨC THANH TOÁN</h3>
				<div class="ContentPartContent">
					<input type="radio" name="groupThanhToan"
						value="Thanh toán qua mạng" checked="checked"> Thanh toán
					qua mạng <br />
					<input type="radio" name="groupThanhToan"
						value="Thanh toán tại nhà (Giao hàng)"> Thanh toán tại nhà
					(Giao hàng)<br /> <a href="#"><span class="link">&nbsp;&nbsp;&nbsp;&nbsp;--->
							Hướng dẫn thanh toán</span></a>
				</div>
			</div>
			<div class="ContentPart">
				<h3 class="ContentPartHeader">THÔNG TIN HÓA ĐƠN</h3>
				<table class="tableDulieu">
					<tr align="center">
						<th width="6%"><strong>STT</strong></th>
						<th><strong>TÊN SẢN PHẨM</strong></th>
						<th width="15%"><strong>SỐ LƯỢNG</strong></th>
						<th width="15%"><strong>GIÁ BÁN</strong></th>
						<th width="15%"><strong>THÀNH TIỀN</strong></th>
					</tr>

					<c:set var="tongTien" value="0" />
					<c:if
						test="${null != sessionScope.gioHang && sessionScope.gioHang.size() > 0}">
						<c:forEach var="i" begin="0"
							end="${sessionScope.gioHang.size()-1}">
							<tr id="thongTinSanPham" valign="top">
								<td align="center">${i + 1}</td>
								<td><a href="#">${sessionScope.gioHang[i].getTensanpham()}</a></td>
								<td width="12%">${sessionScope.gioHang[i].getSoluongtronggiohang()}</td>
								<td align="right"><fmt:formatNumber type="number"
										value="${sessionScope.gioHang[i].getGiaban()}" /></td>
								<td align="right"><fmt:formatNumber type="number"
										value="${sessionScope.gioHang[i].getGiaban() *
									sessionScope.gioHang[i].getSoluongtronggiohang()}"
										groupingUsed="true" /></td>
							</tr>
							<c:set var="tongTien"
								value="${tongTien + sessionScope.gioHang[i].getGiaban() *
									sessionScope.gioHang[i].getSoluongtronggiohang()}" />
						</c:forEach>
					</c:if>

					<tr valign="top">
						<td colspan="3" align="right">Tổng thành tiền</td>
						<td colspan="2" align="center"><strong><font
								color="#FF0000"> <fmt:formatNumber type="number"
										value="${tongTien}" groupingUsed="true" /> VNÐ
							</font></strong></td>
					</tr>
				</table>
			</div>
			<br />
			<div class="ContentPart" align="right">
				<a class="buttonLink" href="TrangGioHang.do?action=VaoGioHang">
					<div class="button">Trở lại giỏ hàng</div>
				</a> <a class="buttonLink">
					<div class="button" onclick="ThucHienThanhToan()">Thanh Toán</div>
				</a>
			</div>

		</form>
	</div>

	<!-- Content -->
</div>